<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        h1 - h6
        一般h1 只会有一个
        一般会用到h1-h3
        块元素（block element） - 在页面中独占一行
     -->
    <h1>一级标题</h1>
    <h2>二级标签</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>

    <!-- 
        p标签
     -->
     <p>p标签是一个段落</p>
     <p>p标签是一个段落</p>

     <!-- 
         hgroup  - 标题分组
      -->
    <hgroup>
        <h1>aaaa </h1>
        <h2>bbbb </h2>
    </hgroup>

    <!-- em标签 语音加重 - 行内元素（inline element）-->
    <p>今天天<em>气</em>真不错</p>

    <!--  strong  - 表示强调 -  行内元素 -->
    <p>这个语法<strong>真</strong>难用</p>

    <!-- blockquote  - 长引用
        q - 短引用
    -->
    <blockquote> 这句话是萨达大所</blockquote>

    <q>saadasdad</q>

    <header>头部</header>
    <main>主体</main>
    <footer>网页的底部</footer>

    <nav>导航</nav>
    <aside>和主体相关的其他内容 侧边栏</aside>
    <article>文章</article>

    <section>独立的区块</section>

    <div>没有语义 用来表示区块</div>

    <span>行内元素 没有予以 用于网页中选中的文字</span>

    <!-- 
        列表
            1.有序列表
            2.无序列表 - 用的最多
            3.定义列表

            以上可以互相嵌套
    -->
    <ul>
        <li>无序列表</li>
        <li>表现</li>
        <li>行为</li>
    </ul>
    <ol>
        <li>有序列表</li>
        <li>表现</li>
        <li>行为</li>
    </ol>

    <dl>
        <dt>定义的内容</dt>
        <dd>对定义的解释</dd>
    </dl>





</body>
</html>